import React from 'react'
import Main from './../../components/main/index';
import Loading from './../../components/loading/index';
import {gramtest} from './../../utils/apis';
import Back from '../../components/back';

import 'lib-flexible'
import { Modal, Toast,Button} from 'antd-mobile';

import './index.scss';
const alert = Modal.alert;
type Props= {
  match:any,
  history:any,
}
export default class Enneagramtest extends React.Component<Props>{
  constructor(props:any){
    super(props)
  }
  state = {
    isloading:false,
    id:'',
    rid:'',
    pid:'',
    current:0,
    modal1:true,
    qa:[
      {q:"我很容易迷惑。", a:-1},
      {q:"我不想成为一个喜欢批评的人，但很难做到。", a:-1},
      {q:"我喜欢研究宇宙的道理、哲理。", a:-1},
      {q:"我很注意自己是否年轻，因为那是找乐子的本钱。", a:-1},
      {q:"我喜欢独立自主，一切都靠自己。", a:-1},
      {q:"当我有困难时，我会试着不让人知道。", a:-1},
      {q:"被人误解对我而言是一件十分痛苦的事。", a:-1},
      {q:"施比受会给我更大的满足感。", a:-1},
      {q:"我常常设想最糟的结果而使自己陷入苦恼中。", a:-1},
      {q:"我常常试探或考验朋友、伴侣的忠诚。", a:-1},
      {q:"我看不起那些不像我一样坚强的人，有时我会用种种方式羞辱他们。", a:-1},
      {q:"身体上的舒适对我非常重要。", a:-1},
      {q:"我能触碰生活中的悲伤和不幸。", a:-1},
      {q:"别人不能完成他的分内事，会令我失望和愤怒。", a:-1},
      {q:"我时常拖延问题，不去解决。", a:-1},
      {q:"我喜欢戏剧性、多彩多姿的生活。", a:-1},
      {q:"我认为自己非常的不完善。", a:-1},
      {q:"我对感官的需求特别强烈，喜欢美食、服装、身体的触觉刺激，并纵情享乐。", a:-1},
      {q:"当别人请教我一些问题，我会巨细无遗地分析得很清楚。", a:-1},
      {q:"我习惯推销自己，从不觉得难为情。", a:-1},
      {q:"有时我会放纵和做出僭越的事。", a:-1},
      {q:"帮助不到别人会让我觉得痛苦。", a:-1},
      {q:"我不喜欢人家问我关于广泛、笼统的问题。", a:-1},
      {q:"在某方面我有放纵的倾向(例如食物、药物等)。", a:-1},
      {q:"我宁愿适应别人，包括我的伴侣，而不会反抗他们。", a:-1},
      {q:"我最不喜欢的一件事就是虚伪。", a:-1},
      {q:"我知错能改，但由于执著好强，周围的人还是感觉到压力。", a:-1},
      {q:"我常觉得很多事情都很好玩，很有趣，人生真是快乐。", a:-1},
      {q:"我有时很欣赏自己充满权威，有时却又优柔寡断，依赖别人。", a:-1},
      {q:"我习惯付出多于接受。", a:-1},
      {q:"面对威胁时，我一是变得焦虑，一是对抗迎面而来的危险。", a:-1},
      {q:"我通常是等别人来接近我，而不是我去接过他们。", a:-1},
      {q:"我喜欢当主角，希望得到大家的注意。", a:-1},
      {q:"别人批评我，我也不会回应和辩解，因为我不想发生任何争执与冲突。", a:-1},
      {q:"我有时期待别人的指导，有时却忽略别人的忠告径直去做我想做的事。", a:-1},
      {q:"我经常忘记自己的需要。", a:-1},
      {q:"在重大危机中，我通常能克服我对自己的质疑和内心的焦虑。", a:-1},
      {q:"我是一个天生的推销员，说服别人对我来说是一件轻易的事。", a:-1},
      {q:"我不相信一个我一直都无法了解的人。", a:-1},
      {q:"我爱依惯例行事，不大喜欢改变。", a:-1},
      {q:"我很在乎家人，在家中表现得忠诚和包容。", a:-1},
      {q:"我被动而优柔寡断。", a:-1},
      {q:"我很有包容力，彬彬有礼，但跟人的感情互动不深。", a:-1},
      {q:"我沉默寡言，好像不会关心别人似的。", a:-1},
      {q:"当沉浸在工作或我擅长的领域时，别人会觉得我冷酷无情。", a:-1},
      {q:"我常常保持警觉。", a:-1},
      {q:"我不喜欢要对人尽义务的感觉。", a:-1},
      {q:"如果不能完美地表态，这宁愿不说。", a:-1},
      {q:"我的计划比我实际完成的还要多。", a:-1},
      {q:"我野心勃勃，喜欢挑战和登上高峰的经验。", a:-1},
      {q:"我倾向于独断行并自己解决问题。", a:-1},
      {q:"我很多时候感到被遗弃。", a:-1},
      {q:"我常常表现得十分忧郁的样子，充满痛苦而且内向。", a:-1},
      {q:"初见陌生人时，我会表现得很冷漠、高傲。", a:-1},
      {q:"我的面部表情严肃而生硬。", a:-1},
      {q:"我很飘忽，常常不知自己下一刻想要什么。", a:-1},
      {q:"我常对自己挑剔，期望不断改善自己的缺点，以成为一个完美的人。", a:-1},
      {q:"我感受特别深刻，并怀疑那些总是很快乐的人。", a:-1},
      {q:"我做事有效率，也会找捷径，模仿力特强。", a:-1},
      {q:"我讲理、重实用。", a:-1},
      {q:"我有很强的创造天分和想象力，喜欢将事情重新整合。", a:-1},
      {q:"我不要求得到很多的注意力。", a:-1},
      {q:"我喜欢每件事都井然有序，但别人会认为我过分执著。", a:-1},
      {q:"我渴望拥有完美的心灵伴侣。", a:-1},
      {q:"我常夸耀自己，对自己的能力十分有信心。", a:-1},
      {q:"如果周遭的人行为太过分时，我准会让他难堪。", a:-1},
      {q:"我外向、精力充沛，喜欢不断追求成就，这使我的自我感觉十分良好。", a:-1},
      {q:"我是一位忠实的朋友和伙伴。", a:-1},
      {q:"我知道如何让别人喜欢我。", a:-1},
      {q:"我很少看到别人的功劳和好处。", a:-1},
      {q:"我很容易知道别人的功劳和好处。", a:-1},
      {q:"我嫉妒心强，喜欢跟别人比较。", a:-1},
      {q:"我对别人做的事总是不放心，批评一番后，自己会动手再做。", a:-1},
      {q:"别人会说我常带着面具做人。", a:-1},
      {q:"有时我会激怒对方，引来慕名其妙的吵架，其实是想试探对方爱不爱我。", a:-1},
      {q:"我会极力保护我所爱的人。", a:-1},
      {q:"我常常刻意保持兴奋的情绪。", a:-1},
      {q:"我只喜欢与有趣的人为友，对一些闷蛋却懒得交往，即使他们看来很有深度。", a:-1},
      {q:"我常往外跑，四处帮助别人。", a:-1},
      {q:"有时我会讲求效率而牺牲完美和原则。", a:-1},
      {q:"我似乎不太懂得幽默，没有弹性。", a:-1},
      {q:"我待人热情而有耐性。", a:-1},
      {q:"在人群中我时常感到害羞和不安。", a:-1},
      {q:"我喜欢效率，讨厌拖泥带水。", a:-1},
      {q:"帮助别人达致快乐和成功是我重要的成就。", a:-1},
      {q:"付出时，别人若不欣然接纳，我便会挫折感。", a:-1},
      {q:"我的肢体硬梆梆的，不习惯别人热情的付出。", a:-1},
      {q:"我对大部分的社交集会不太有兴趣，除非那是我熟识的和喜爱的人。", a:-1},
      {q:"很多时我会有强烈的寂寞感。", a:-1},
      {q:"人们很乐意向我表白他们所遭遇的问题。", a:-1},
      {q:"我不但不会说甜言蜜语，而且别人会觉得我唠叨不停。", a:-1},
      {q:"我常担心自由被剥夺，因此不爱作承诺。", a:-1},
      {q:"我喜欢告诉别人我所做的事和所知的一切。", a:-1},
      {q:"我很容易认同别人为我所做的一切。", a:-1},
      {q:"我要求光明正大，为此不惜与人发生冲突。", a:-1},
      {q:"我很有正义感，有时会支持不利的一方。", a:-1},
      {q:"我注重小节而效率不高。", a:-1},
      {q:"我容易感到沮丧和麻木更多于愤怒。", a:-1},
      {q:"我不喜欢那些侵略性或过度情绪化的人。", a:-1},
      {q:"我非常情绪化，一天的喜怒哀乐多变。", a:-1},
      {q:"我不想别人知道我的感受与想法，除非我告诉他们。", a:-1},
      {q:"我喜欢刺激和紧张的关系，而不是稳定和依赖的关系。", a:-1},
      {q:"我很少用心去听别人的心情，只喜欢说说俏皮话和笑话。", a:-1},
      {q:"我是循规蹈矩的人，秩序对我十分有意义。", a:-1},
      {q:"我很难找到一种我真正感到被爱的关系。", a:-1},
      {q:"假如我想要结束一段关系，我不是直接告诉对方就是激怒他来让他离开我。", a:-1},
      {q:"我温和平静，不自夸，不爱与人竞争。", a:-1},
      {q:"我有时善良可爱，有时又粗野暴躁，很难捉摸。", a:-1}
    ],
    show:false
    
  }

  choice(v:any){
    const that = this
    let {qa,current} = that.state
    
    qa[current].a= v
    
    that.setState({
        qa,
        isloading:current!=107?true:false
    },()=>{
      if(current!=107) ++current
        setTimeout(()=>{
            that.setState({current,isloading:false})
        },200)
    })
    

  }

  showtips(){
    const that = this
      
    const alertInstance = alert('','确定提交吗？', [
        { text: '再看看', onPress: () => console.log('取消') },
        { text: '确定', onPress: () => that.save() },
      ]);
      setTimeout(() => {
        // 可以调用close方法以在外部close
        console.log('auto close');
        alertInstance.close();
      }, 500000);
  }

  submit(){
    const {current} = this.state
    if(current!=107){
      Toast.info('答完108题后可提交', 1);
      return false
    }
    this.showtips()
  }

  save(){
    const that = this
    const {qa,id,rid,pid} = that.state
    const { history } = that.props
    // Toast.loading('加载中...', 0);
    let arr = []
    for (var i = 0; i < qa.length; i++) { 
      arr.push(qa[i].a)
   }
    let params = {inteid:id,positionid:pid,solutions:arr}
    gramtest(params).then(res=>{
      console.log(res,'获取数据');
      const {returnCode} = res
      
      if(returnCode=='AAAAAAA'){
        Toast.success('提交成功',1)
        this.props.history.goBack();

        // history.replace('/result/'+rid+'/'+pid);
      }
    }).catch(err=>{
      // Toast.hide()
    })
  }
  prev(){
    const that = this
    let {current} = that.state
    if(current==0){
      return  false
    }
    --current
    that.setState({current})
  }

  componentDidMount(){
    const {match:{params:{id,rid,pid}}} =this.props
    this.setState({id:parseInt(id),rid,pid})
  }

  render () {
    const {qa,current,isloading} = this.state
    return (
      <Main type="2">
        <div className="title">请您对以下测试题选出自己的选择：
        <Back history={this.props.history} />
        </div>
        <div className="question">{current+1}、{qa[current].q}</div>
        <div className="answer flex column">
            <div className={qa[current].a===1?'answer-option selected':'answer-option'} onClick={()=>this.choice(1)}>是</div>
            <div className={qa[current].a===0?'answer-option selected':'answer-option'} onClick={()=>this.choice(0)}>否</div>
        </div>

       
        <div className="bottom-part">
        <div className="prev cbtn"  onClick={this.prev.bind(this)}>上一题</div>
        <div className="progress">{current+1}/108</div>
        <div className={`summit cbtn ${current!=107?'disabled':''}`}  onClick={()=>this.submit()}>提交</div>
        </div>
        {isloading&&<div className='sloading'><Loading></Loading></div>}
        
      </Main>
    );
  }
}
